@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

:root {
  --color: #000;
  --color-primary: #158876;
  --color-secondary: #0e2233;
  --bg: #fff;
  --bg-secondary: #f3f5f4;
  --border-color: #ddd;
}

/* .dark {
    --color: #ebf4f1;
    --color-primary: #41b38a;
    --color-secondary: #fdf9f3;
    --bg: #091a28;
    --bg-secondary: #071521;
    --border-color: #0d2538;
} */

html,
body {
  /* height: 100vh; */
  /* overflow: hidden; */
}

body {
  font-family: PingFangSC, PingFang SC, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif;
  background-color: var(--bg);
  color: var(--color);
  transition: background-color 0.3s;
}

@layer components {
  .custom-width {
    @apply w-full lg:w-[83.3%] px-4 lg:px-0 mx-auto;
  }
}
